import { createRouter, createWebHistory } from 'vue-router'
import TeachingNav from '../views/TeachingNav.vue'
import TeachingCollect from '../views/TeachingCollect.vue'
import TeachingCollect2 from '../views/TeachingCollect2.vue'
import TeachingCollect3 from '../views/TeachingCollect3.vue'
import TeachingCollect4 from '../views/TeachingCollect4.vue'
import TeachingDisplay from '../views/TeachingDisplay.vue'
import TodoPage from '../views/TodoPage.vue'

const routes = [
  {
    path: '/',
    name: 'TeachingNav',
    component: TeachingNav
  },
  {
    path: '/collect',
    name: 'TeachingCollect',
    component: TeachingCollect
  },
  {
    path: '/collect2',
    name: 'TeachingCollect2',
    component: TeachingCollect2
  },
  {
    path: '/collect3',
    name: 'TeachingCollect3',
    component: TeachingCollect3
  },
  {
    path: '/collect4',
    name: 'TeachingCollect4',
    component: TeachingCollect4
  },
  {
    path: '/todo',
    name: 'TodoPage',
    component: TodoPage
  },
  {
    path: '/display',
    name: 'TeachingDisplay',
    component: TeachingDisplay
  }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router 